import { Profiler } from 'react';
import JSX from './JSX'
function callback(id,phase,actualDuration,baseDuration,startTime,commitTime,interactions) {
    // 发生提交的Profiler树的id
    console.log('id',id)
    // "mount" (如果组件树刚加载)或者"update"之一
    console.log('phase',phase)
    // 本次更新ommitted花费的时间
    console.log('actualDuration',actualDuration)
    // 估计不使用memoization的情况下渲染整棵子树需要的时间
    console.log('baseDuration',baseDuration)
    // 本次更新中React开始渲染的时间
    console.log('startTime',startTime)
    // 本次更新中React committed的时间
    console.log('commitTime',commitTime)
    // 属于本次更新的interactions的集合
    console.log('interactions',interactions)
}
export default function Profiler1() {
    return (
        <div>
            <h1>Profiler</h1>
            <Profiler id="Navigation" onRender={ callback }>
                <JSX />
            </Profiler>
        </div>
    )
}